import Vue from 'vue'
import Vuex, { Store } from 'vuex'

Vue.use(Vuex)
//store是个仓库,可以获取，但是修改就很麻烦，防止随意修改账号
export default new Vuex.Store({
  state: {
    //数据仓库，用于存储数据的
    counts: 100,
    userinfo: {}
  },
  getters: {
  },
  //修改数据仓库
  mutations: {
    // 可以通过 store.state 来获取状态对象，并通过 store.commit 方法触发状态变更：
    increment(state) {
      state.count++
    },
    //传值
    userchange(state, userinfo) {
      //事件触发，先将数据存到浏览器缓存，然后再将数据写入仓库
      //转换为字符串存储
      localStorage.setItem("userinfo", JSON.stringify(userinfo));
      state.userinfo = JSON.parse(localStorage.getItem('userinfo'));
    }
  },
  actions: {
  },
  modules: {
  }
})
